<div class="card row shadow mb-2 bg-white rounded border-0">
  <div class="card-header bg-primary text-white">
    最新热点
  </div>
  <ul class="list-group list-group-flush">
    <li class="list-group-item">
    	<a href="">An item</a>
    	<span class="float-right">08-30</span>
	</li>
	<li class="list-group-item">
    	<a href="">An item</a>
    	<span class="float-right">08-30</span>
	</li>
	<li class="list-group-item">
    	<a href="">An item</a>
    	<span class="float-right">08-30</span>
	</li>
  </ul>
</div>
<div class="card row shadow mb-2 bg-white rounded border-0">
  <div class="card-header bg-primary text-white">
    最新课程
  </div>
  <ul class="list-group list-group-flush">
    <li class="list-group-item">
    	<a href="">An item</a>
    	<span class="float-right">08-30</span>
	</li>
    <li class="list-group-item">
    	<a href="">An item</a>
    	<span class="float-right">08-30</span>
	</li>
	<li class="list-group-item">
    	<a href="">An item</a>
    	<span class="float-right">08-30</span>
	</li>
  </ul>
</div>
<div class="card row shadow mb-2 bg-white rounded border-0">
  <img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5b432f3b108145f79033f198c41f411d~tplv-k3u1fbpfcp-no-mark:480:400:0:0.awebp" class="card-img-top" alt="...">
  <div class="card-body">
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
</div>
<div class="card row shadow mb-2 bg-white rounded border-0">
  <div class="card-body">
    <h5 class="card-title">关于本站</h5>
    <p class="card-text">联系:xxx</p>
    <a href="#" class="card-link">本站声明</a>
    <a href="#" class="card-link">Another link</a>
  </div>
</div>